@charset "utf-8"; /*千万别用中文状态*/
*{
    /*去掉所有元素外边距，内边距*/
    margin: 0;
    padding: 0;
    /*页面肯定有字体：必须微软雅黑，字体14px*/
    font: 14px"微软雅黑";
    /*去掉所有无序列表的圆点*/
    list-style: none;
    text-decoration: none;
    /*去掉下划线*/
    color: #333333;
}
/*网页头部：边框骨架*/
header{
    width: 100%;/*等宽：采用百分比*/
    height: 50px;
    bor_der_: 1px solid red;
    background: #333;
}
/*网页头部：中控区骨架*/
#wrapper{
    width:1200px;
    height:50px;
    background: #f00;
    /*盒子模型居中*/
    margin: auto;
}
/*网页头部：左侧位,骨架找内容：id选择器 class选择器——权重不高*/
#wrapper div.left{/*id+element+class 100+1+10=111权值高，则一定会选中*/
    width: 650px;
    height: 50px;
    background: #00f;
    /*布局：左浮动*/
    float: left;
}
/*网络头部：左侧位，浮动（li内容项）行内显示*/
#wrapper ul li{
    float: left;
    height: 50px;/*上下居中*/
}
#wrapper ul li a{
    line-height: 50px;
    border: 1px solid #ffa649;
}
#wrapper div.right{/*id+element+class 100+1+10=111权值高，则一定会选中*/
    width: 220px;
    height: 50px;
    background: #ff4023;
    float: right;
}